<template>
    <div class="message-page"> 
          
        <div class="msg-group" v-if="false">
            <div class="head-box">
                <p class="img-box">
                    <van-image
                    round
                    width="100%"
                    height="100%"
                    fit="cover"
                    src="https://img.yzcdn.cn/vant/cat.jpeg" />
                </p>
            </div>
            <div class="msg-info">
                <p class="name">分享通知</p>
                <p>暂无新消息</p>
            </div>
        </div>
        <div style="padding:10px;">
            <van-divider dashed>暂无消息</van-divider>
        </div>
    </div>
</template>

<script>

export default {
    data(){
        return{
            searchValue:'',
             
        }
    },
    created(){
    
    },
    methods:{
        
    }, 
    components:{ 

    }

}
</script>


<style scoped lang="scss">
.message-page{
    width:100%;
    height:100%;
    background:#fff;
    padding:.4rem 0;
    overflow: auto;
    .msg-group{
        width:100%;
        height:1.6rem;
        display: flex; 
        align-items: center;
        padding-left:.533333rem;
        margin-bottom:.533333rem;
        .head-box{
            flex:0 0 2rem;
            .img-box{
                width:1.6rem;
                height:1.6rem; 
            }
        }
        .msg-info{
            flex:1; 
            padding-left:.133333rem;
            padding-bottom:.266667rem;
            border-bottom:.013333rem solid #eee;
            p{
                color:#666;
            }
            .name{
                color:#000;
                margin-bottom:.133333rem;
                font-size:.48rem;
            }
        }
    }
       
}

</style>
